<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath();
%>
<style>
	.plug-menu {
		-webkit-appearance: button;
		display: inline-block;
		width: 36px;
		height: 36px;
		border-radius: 36px;
		z-index: 999;
		box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
		background-color: #00A2ED;
		-webkit-transition: -webkit-transform 200ms;
		-webkit-transform: rotate(1deg);
		color: #fff;
		background-image: url('../img/plug.png');
		background-repeat: no-repeat;
		-webkit-background-size: 80% auto;
		background-size: 80% auto;
		background-position: center center;
	}

	.nav_ul{
		width:100%;

	}

	.nav_ul li{
		position: relative;
	/*	float:left;
		height: 26px;
		line-height: 26px;
		border-right: 1px solid #c4c4c4;
		position: relative;*/
	}

	.nav_ul2{
		position:absolute !important;
		bottom:57px;
		left:0px;
		width:100%;
	}
	.nav_ul2 li{
		width:100% !important;
		text-align: center;
	}
	.nav_ul2 li a{ width:90%; border:1px solid #ddd !important; padding:10% 5% !important;}

</style>
<div data-role="panel" data-position-fixed="true" data-display="overlay" data-theme="b" id="nav-panel">
	<ul data-role="listview">
	    <li data-icon="delete"><a href="#" data-rel="close"><i class="fa fa-angle-double-left"></i> 关闭更多</a></li>
        <li data-role="list-divider">正大丰海</li>
		<li><a data-ajax="false" href="index.action"><i class="fa fa-sitemap"></i> 专业活动</a></li>
		<shiro:hasAnyRoles name="admin">
			<li><a data-ajax="false" href="ajax!custom.action"><i class="fa fa-sitemap"></i> 客户信息-医生访客</a></li>
			<li><a data-ajax="false" href="ajax!agency.action"><i class="fa fa-sitemap"></i> 客户信息-合作伙伴</a></li>
		</shiro:hasAnyRoles>
		<li><a data-ajax="false" href="ajax!section.action"><i class="fa fa-sitemap"></i> 科室会一览</a></li>
		<shiro:hasAnyRoles name="admin">
			<li><a data-ajax="false"  href="ajax!academic.action"><i class="fa fa-user"></i> 专业拜访一览</a></li>
			<li ><a href="ajax!investment.action" data-ajax="false"><i class="fa fa-comments-o"></i> 招商拜访一览</a></li>
		</shiro:hasAnyRoles>
		<li><a data-ajax="false" href="ajax!term.action"><i class="fa fa-sitemap"></i> 学术会议</a></li>
		<shiro:hasAnyRoles name="docter,admin">
			<li><a data-ajax="false" href="ajax!cases.action"><i class="fa fa-sitemap"></i> 病例一览</a></li>
			<li><a data-ajax="false" href="ajax!management.action"><i class="fa fa-sitemap"></i> 医院管理培训一览</a></li>
			<%--<li><a data-ajax="false" href="ajax!train.action"><i class="fa fa-sitemap"></i> 小包培训一览</a></li>--%>
		</shiro:hasAnyRoles>
		<shiro:hasAnyRoles name="agent,admin">
			<li><a data-ajax="false" href="ajax!agenttrain.action"><i class="fa fa-sitemap"></i> 代理商培训一览</a></li>
			<%--<li><a data-ajax="false" href="ajax!netsale.action"><i class="fa fa-sitemap"></i> 纯销代表培训一览</a></li>--%>
			<li><a data-ajax="false" href="ajax!business.action"><i class="fa fa-sitemap"></i> 招商会一览</a></li>
		</shiro:hasAnyRoles>
		<shiro:hasAnyRoles name="admin">
			<li><a data-ajax="false"  href="ajax!innertrain.action"><i class="fa fa-user"></i> 内部销售人员培训</a></li>
		</shiro:hasAnyRoles>
	</ul>
</div><!-- /panel -->
<shiro:hasAnyRoles name="admin">
<div data-role="footer" data-position="fixed" data-theme="a">
    <div data-role="navbar" data-iconpos="top" >
	    <ul class="nav_ul">
			<li><a href="javascript:void(0)" style="color: rgb(11, 11, 11) !important;" data-ajax="false" data-icon="comment">培训</a>
				<ul class="nav_ul2" style="display: none">
				<%--	<li><a href="ajax!netsale.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">纯销代表培训</a></li>--%>
					<li><a href="ajax!agenttrain.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">代理商培训</a></li>
					<li><a href="ajax!management.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">医院管理培训</a></li>
					<li><a href="ajax!innertrain.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">内部销售人员培训</a></li>
					<%--<li><a href="ajax!train.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">小包培训</a></li>--%>
				</ul>
			</li>
			<li><a href="javascript:void(0)" style="color: rgb(11, 11, 11) !important;" data-ajax="false" data-icon="gear">拜访</a>
				<ul class="nav_ul2" style="display: none">
					<li><a href="ajax!academic.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">专业拜访</a></li>
					<li><a href="ajax!investment.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">招商拜访</a></li>
				</ul>
			</li>
		    <li><a href="javascript:void(0)" style="color: rgb(11, 11, 11) !important;" data-ajax="false" data-icon="calendar">活动</a>
				<ul class="nav_ul2" style="display: none">
					<li><a href="ajax!section.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">科室会</a></li>
					<li><a href="ajax!term.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">学术会议</a></li>
					<li><a href="ajax!business.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">招商会</a></li>
				</ul>
			</li>
			<li><a href="javascript:void(0)" style="color: rgb(11, 11, 11) !important;" data-ajax="false" data-icon="star" >客户</a>
				<ul class="nav_ul2" style="display: none">
					<li><a href="ajax!custom.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">医生</a></li>
					<li><a href="ajax!agency.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">代理商</a></li>
					<li><a href="ajax!my.action" style="color: #666 !important;border-top: 1px solid #ddd" data-ajax="false">我的</a></li>
				</ul>
			</li>
		</ul>
	</div><!-- /navbar -->
</div><!-- /footer -->
</shiro:hasAnyRoles>
<div data-role="popup" style="min-width:180px;"  id="popupWindow" data-overlay-theme="b" data-theme="a"   data-tolerance="15,15" class="ui-content ui-popup ui-body-a ui-overlay-shadow ui-corner-all">
	<ul data-role="listview">
		<li data-role="list-divider">正大丰海</li>
		<shiro:hasAnyRoles name="admin">
		<li data-icon="tag"><a data-ajax="false"  href="ajax-custom!input.action"><i class="fa fa-tag"></i>客户信息-医生访客</a></li>
		<li data-icon="tag"><a data-ajax="false"  href="ajax-agency!input.action"><i class="fa fa-tag"></i>客户信息-合作伙伴</a></li>
		</shiro:hasAnyRoles>
		<shiro:hasAnyRoles name="docter,admin">
		<li data-icon="tag"><a data-ajax="false"  href="ajax-cases!input.action"><i class="fa fa-tag"></i> 病例</a></li>
		</shiro:hasAnyRoles>
		<shiro:hasAnyRoles name="admin">
		<li data-icon="tag"><a data-ajax="false"  href="ajax-section!input.action"><i class="fa fa-tag"></i> 科室会</a></li>
		<li data-icon="tag"><a data-ajax="false"  href="ajax-academic!input.action"><i class="fa fa-tag"></i> 专业拜访</a></li>
		<li data-icon="tag"><a data-ajax="false"  href="ajax-investment!input.action"><i class="fa fa-tag"></i> 招商拜访</a></li>
		<li data-icon="tag"><a data-ajax="false"  href="ajax-term!input.action"><i class="fa fa-tag"></i> 学术会议</a></li>
	    <li data-icon="tag"><a data-ajax="false"  href="ajax-management!input.action"><i class="fa fa-tag"></i> 医院管理培训</a></li>
		<%--<li data-icon="tag"><a data-ajax="false"  href="ajax-train!input.action"><i class="fa fa-tag"></i> 小包培训</a></li>--%>
		<li data-icon="tag"><a data-ajax="false"  href="ajax-agenttrain!input.action"><i class="fa fa-tag"></i> 代理商培训</a></li>
		<%--<li data-icon="tag"><a data-ajax="false"  href="ajax-netsale!input.action"><i class="fa fa-tag"></i> 纯销代表培训</a></li>--%>
        <li data-icon="tag"><a data-ajax="false"  href="ajax-innertrain!input.action"><i class="fa fa-tag"></i> 内部销售人员培训</a></li>
		<li data-icon="tag"><a data-ajax="false"  href="ajax-business!input.action"><i class="fa fa-tag"></i> 招商会</a></li>
		</shiro:hasAnyRoles>
	</ul>
</div>

<shiro:hasAnyRoles name="admin,docter">
<div style="position: fixed;bottom: 100px;right: 65px;z-index: 2;">
	<input type="checkbox" onclick="fn_on_popup()"  class="plug-menu themeStyle" style="
	background-color:#1fa67a;background-image:url('../resource/quan/img/plug.png');border:0px;
                 -webkit-appearance: button;
                display: inline-block;
                width: 36px;
                height: 36px;
                border-radius: 36px;
                z-index: 999;
                box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
                color: #fff;
                -webkit-background-size: 80% auto;bottom: 80px;">
</div>

	<div style="position: fixed;bottom: 65px;left: 25px;z-index:2;">
	<input type="text" onclick="location.href='ajax!draft.action'" value="草稿" class="plug-menu themeStyle" style="
	background-color:#1fa67a;border:0px;
                 -webkit-appearance: button;
                display: inline-block;
                width: 36px;
                height: 36px;
                border-radius: 36px;
                z-index: 999;
                box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
                color: #fff;
                -webkit-background-size: 80% auto;bottom: 80px;">
	</div>
</shiro:hasAnyRoles>
<script>
	function fn_on_popup(){
		$("#popupWindow").popup('open');
	}

	$(function(){
		//$('.nav_ul li').hover(function(){$(this).find('ul.nav_ul2').show()},function(){})
		//$('.nav_ul2').hover(function(){},function(){$(this).hide()})
		$('.nav_ul li').click(function(){$(this).find('.nav_ul2').toggle()})
	})
</script>